<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/3/28
  Time: 11:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>图书在线借阅系统</title>
  <link rel="stylesheet" href="lib/layui/css/layui.css">
  <link rel="shortcut icon" href="#">
</head>
<body class="layui-layout-body" >
<div class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <div class="layui-logo layui-unselect" style="padding:0px;font-size:20px;color: white;"><a href="home.jsp" target="iframeMain" style="color: white;">图书在线借阅系统后台</a></div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <!-- <ul class="layui-nav layui-layout-left">
      <li class="layui-nav-item"><a href="user.html" target="iframeMain">用户</a></li>
    </ul> -->

    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item layui-hide layui-show-md-inline-block">
        <a href="javascript:;" style="cursor: default; caret-color: rgba(0,0,0,0);">
          <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
          ${member.power.power}:${member.mname}
        </a>
        <dl class="layui-nav-child">
          <dd><a href="changepwd.jsp" target="iframeMain" >修改密码</a></dd>
          <dd><a href="member.let?type=exit" target="iframeMain">安全退出</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
        <a href="javascript:;">
          <i class="layui-icon layui-icon-more-vertical">个人信息</i>
        </a>
      </li>
    </ul>
    <!-- <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item" >
        <div class="layui-unselect" style="">chens</div>
      </li>
      <li class="layui-nav-item"><a href="">注销</a></li>
    </ul> -->
  </div>

  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree"  lay-filter="test">
        <li class="layui-nav-item layui-nav-itemed">
          <a class="" href="javascript:;">会员管理</a>
          <dl class="layui-nav-child">
            <!-- 打开方式设置iframeMain，内嵌页面打开方式-->
<%--            <dd><a href="member.let?type=addpre" target="iframeMain" >会员开卡</a></dd>--%>
            <dd><a href="mem_list.jsp" target="iframeMain">会员列表</a></dd>
            <dd><a href="mem_rechange.jsp" target="iframeMain">会员充值</a></dd>

          </dl>
        </li>
        <li class="layui-nav-item layui-nav-itemed">
          <a class="" href="javascript:;">图书类型管理</a>
          <dl class="layui-nav-child">
            <!-- 打开方式设置iframeMain，内嵌页面打开方式-->
            <dd><a href="bookType_add.jsp" target="iframeMain" >添加类型</a></dd>
            <dd><a href="bookType_list.jsp" target="iframeMain">类型列表</a></dd>

          </dl>
        </li>

        <li class="layui-nav-item layui-nav-itemed">
          <a class="" href="javascript:;">图书管理</a>
          <dl class="layui-nav-child">
            <!-- 打开方式设置iframeMain，内嵌页面打开方式-->
            <dd><a href="book.let?type=addpre" target="iframeMain" >添加图书</a></dd>
            <dd><a href="book_list.jsp" target="iframeMain">图书列表</a></dd>

          </dl>
        </li>

        <li class="layui-nav-item layui-nav-itemed">
          <a class="" href="javascript:;">图书借阅归还管理</a>
          <dl class="layui-nav-child">
            <!-- 打开方式设置iframeMain，内嵌页面打开方式-->
            <dd><a href="book_rent.jsp" target="iframeMain" >图书借阅</a></dd>
            <dd><a href="book_return.jsp" target="iframeMain">图书归还</a></dd>
            <dd><a href="search_record.jsp" target="iframeMain">借阅归还信息列表</a></dd>

          </dl>
        </li>
      </ul>

    </div>
  </div>

  <div class="layui-body" style="background-color: #f9f9f9;"><!--主题内容-->

    <!--src，主页面的默认的页面路径，name="iframeMain"内嵌设置-->
    <iframe src="home.jsp" frameborder="0" class="layadmin-iframe" name="iframeMain"
            style="width: 100%; height:100%;"></iframe>
  </div>

  <div class="layui-footer">
    <!-- 底部固定区域 -->
    底部固定区域
  </div>
</div>
</body>
<script src="lib/layui/layui.js"></script>
<script>
  layui.use(['element', 'layer', 'util'], function(){
    var element = layui.element
            ,layer = layui.layer
            ,util = layui.util
            ,$ = layui.$;

    //头部事件
    util.event('lay-header-event', {
      //左侧菜单事件
      menuLeft: function(othis){
        layer.msg('展开左侧菜单的操作', {icon: 0});
      }
      ,menuRight: function(){
        layer.open({
          type: 1
          ,content: '<div style="padding: 15px;">权    限：${member.power.power}<br/><br/>名    称：${member.mname}<br/><br/>账    号：${member.id}<br/><br/>密    码：${member.pwd}<br/><br/>电    话：${member.tel}<br/><br/>身份证号：${member.idNumber}</div>'
          ,area: ['260px', '100%']
          ,offset: 'rt' //右上角
          ,anim: 5
          ,shadeClose: true
        });
      }
    });



  });
</script>
</html>
